/* line 1, fillorder.less */
#layout {
  padding-top: 0.44rem;
  padding-bottom: 0.5rem;
  width: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
}
/* line 8, fillorder.less */
#layout .fz12 {
  font-size: 0.12rem;
}
/* line 11, fillorder.less */
#layout .fz14 {
  font-size: 0.14rem;
}
/* line 14, fillorder.less */
#layout .fz16 {
  font-size: 0.16rem;
}
/* line 17, fillorder.less */
#layout .gray-6 {
  color: #666;
}
/* line 20, fillorder.less */
#layout .gray-8 {
  color: #888;
}
/* line 23, fillorder.less */
#layout .gray-9 {
  color: #999;
}
/* line 26, fillorder.less */
#layout .white {
  color: #fff;
}
/* line 29, fillorder.less */
#layout h3 {
  font-size: 0.2rem;
  font-weight: normal;
}
/* line 33, fillorder.less */
#layout .top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22;
  width: 100%;
  background: #1448ae;
  padding: 0 0.21rem;
  height: 0.44rem;
  line-height: 0.44rem;
}
/* line 43, fillorder.less */
#layout .top h3 {
  color: #fff;
  text-align: center;
  font-size: 0.16rem;
}
/* line 49, fillorder.less */
#layout .top a.back {
  position: absolute;
  left: 0.21rem;
  width: 0.15rem;
  height: 0.2rem;
  color: transparent;
  line-height: 999rem;
  overflow: hidden;
  margin-top: 0.13rem;
  background: url(../images/icon/sprites.png) no-repeat -0.51rem -0.16rem;
  background-size: 3.75rem auto;
}
/* line 63, fillorder.less */
#layout .wrapper {
  background: #f4f4f4;
}
/* line 66, fillorder.less */
#layout .wrapper .content .fill-box {
  padding: 0 0.15rem;
}
/* line 68, fillorder.less */
#layout .wrapper .content .fill-box .fill-restrict {
  padding-top: 0.28rem;
  padding-bottom: 0.25rem;
}
/* line 71, fillorder.less */
#layout .wrapper .content .fill-box .fill-restrict p:nth-of-type(1) {
  margin-top: 0.1rem;
}
/* line 76, fillorder.less */
#layout .wrapper .content .fill-select {
  padding: 0.25rem 0.17rem;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.14rem;
}
/* line 84, fillorder.less */
#layout .wrapper .content .fill-select .fill-photo {
  width: 0.45rem;
  height: 0.4rem;
  background: url(../images/icon/sprites.png) no-repeat;
  background-position: -0.16rem -2.54rem;
  background-size: 3.75rem auto;
  margin-right: 0.08rem;
}
/* line 92, fillorder.less */
#layout .wrapper .content .fill-select .fill-txt {
  font-size: 0.13rem;
  color: #999;
  width: 100%;
}
/* line 96, fillorder.less */
#layout .wrapper .content .fill-select .fill-txt .select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 0.08rem;
}
/* line 100, fillorder.less */
#layout .wrapper .content .fill-select .fill-txt .select .arrow-r {
  margin-top: 0.06rem;
  width: 0.11rem;
  height: 0.18rem;
  background: url(../images/icon/arrow_right.png) no-repeat center / 80% auto;
}
/* line 110, fillorder.less */
#layout .wrapper .content .fill-change {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
/* line 113, fillorder.less */
#layout .wrapper .content .fill-change .fill-txt {
  position: relative;
  padding-left: 0.48rem;
  margin-bottom: 0.2rem;
}
/* line 117, fillorder.less */
#layout .wrapper .content .fill-change .fill-txt b {
  position: absolute;
  width: 0.22rem;
  height: 0.22rem;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #ccc;
  color: #cad7da;
  left: 0.1rem;
  bottom: 0.08rem;
}
/* line 131, fillorder.less */
#layout .wrapper .content .fill-change .tips {
  padding-left: 0.48rem;
}
/* line 133, fillorder.less */
#layout .wrapper .content .fill-change .tips a {
  display: block;
  color: #1aafd9;
  margin-top: 0.1rem;
}
/* line 143, fillorder.less */
#layout .wrapper .content .fill-info .fill-photo {
  background-position: -0.62rem -2.54rem;
}
/* line 148, fillorder.less */
#layout .wrapper .content .fill-info .fill-txt .select .arrow-r {
  width: 0.21rem;
  height: 0.24rem;
  background: url(../images/icon/sprites.png) no-repeat -2.21rem -2.58rem;
  background-size: 3.75rem auto;
  margin-top: 0;
}
/* line 156, fillorder.less */
#layout .wrapper .content .fill-info .fill-txt p {
  color: #cad7da;
  font-size: 0.18rem;
}
/* line 159, fillorder.less */
#layout .wrapper .content .fill-info .fill-txt p span {
  font-weight: bold;
  margin-left: 0.05rem;
}
/* line 166, fillorder.less */
#layout .wrapper .content .fill-discount {
  position: relative;
  margin-bottom: 0.14rem;
}
/* line 169, fillorder.less */
#layout .wrapper .content .fill-discount::after {
  position: absolute;
  content: '1张券可用';
  font-size: 0.2rem;
  color: #666;
  left: 35%;
  top: 26%;
}
/* line 180, fillorder.less */
#layout .wrapper .content .fill-msg .fill-txt:nth-of-type(2) {
  margin-bottom: 0;
}
/* line 182, fillorder.less */
#layout .wrapper .content .fill-msg .fill-txt:nth-of-type(2) .fill-photo {
  background-position: -1.65rem -2.54rem;
}
/* line 187, fillorder.less */
#layout .wrapper .content .fill-msg .fill-photo {
  position: absolute;
  background-position: -1.13rem -2.54rem;
  left: 0;
}
/* line 193, fillorder.less */
#layout .wrapper .content .fill-msg .select h3 {
  color: #a9aaad;
}
/* line 198, fillorder.less */
#layout .wrapper .content .fill-msg p {
  color: #888d94;
  font-size: 0.2rem;
}
/* line 203, fillorder.less */
#layout .wrapper .content .fill-notice {
  padding-bottom: 0.2rem;
}
/* line 205, fillorder.less */
#layout .wrapper .content .fill-notice p {
  line-height: 0.25rem;
}
/* line 207, fillorder.less */
#layout .wrapper .content .fill-notice p b {
  display: inline-block;
  width: 0.14rem;
  height: 0.14rem;
  background: url(../images/icon/sprites.png) no-repeat -2.18rem -2.1rem;
  background-size: 3.75rem auto;
  margin-right: 0.07rem;
  margin-bottom: -0.02rem;
}
/* line 216, fillorder.less */
#layout .wrapper .content .fill-notice p span {
  color: #1ab2db;
}
/* line 223, fillorder.less */
#layout .footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 0.5rem;
  line-height: 0.5rem;
  border-top: 1px solid #e0e0e0;
  z-index: 22;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}
/* line 234, fillorder.less */
#layout .footer div {
  width: 50%;
  text-align: center;
  color: #f1a30f;
}
/* line 241, fillorder.less */
#layout .footer .prize span {
  font-size: 0.22rem;
  position: relative;
}
/* line 244, fillorder.less */
#layout .footer .prize span::before {
  content: '¥';
  position: absolute;
  left: -0.1rem;
  bottom: -0.07rem;
  font-size: 0.14rem;
}
/* line 253, fillorder.less */
#layout .footer .prize a {
  font-size: 0.12rem;
  color: #666;
  margin-left: 0.09rem;
}
/* line 257, fillorder.less */
#layout .footer .prize a:hover {
  color: #f1a30f;
}
/* line 264, fillorder.less */
#layout .footer .next a {
  font-size: 0.18rem;
}
/* line 271, fillorder.less */
#layout .footer div.on {
  background: #f1a30f;
  color: #fff;
}
/* line 275, fillorder.less */
#layout .footer div.on a {
  color: #fff;
}
